{% extends "base.html" %}

{% block title %}情感分析 - 红楼梦数据分析{% endblock %}

{% block content %}
<div class="row">
    <div class="col-12">
        <h2>红楼梦情感分析</h2>
        <p>通过情感词典分析《红楼梦》中的积极与消极情感分布，揭示作品的情感基调。</p>
        
        <ul class="nav nav-tabs" id="sentimentTabs" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="wordcloud-tab" data-bs-toggle="tab" data-bs-target="#wordcloud" type="button" role="tab">情感词云</button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="analysis-tab" data-bs-toggle="tab" data-bs-target="#analysis" type="button" role="tab">情感分析</button>
            </li>
        </ul>
        
        <div class="tab-content" id="sentimentTabContent">
            <div class="tab-pane fade show active" id="wordcloud" role="tabpanel">
                <div class="card mt-3">
                    <div class="card-body">
                        <h5 class="card-title">情感词云图</h5>
                        <p>通过词云图可视化展示《红楼梦》中的积极和消极情感词汇：</p>
                        
                        <div class="row">
                            <div class="col-md-6">
                                <h6>积极情感词云</h6>
                                <img src="../static/positive_wordcloud.png" class="img-fluid" alt="积极情感词云">
                                <p class="mt-2">积极情感词汇主要体现人物的喜悦、满意、赞美等正面情绪。</p>
                            </div>
                            <div class="col-md-6">
                                <h6>消极情感词云</h6>
                                <img src="../static/negative_wordcloud.png" class="img-fluid" alt="消极情感词云">
                                <p class="mt-2">消极情感词汇主要体现人物的悲伤、痛苦、愤怒等负面情绪。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="tab-pane fade" id="analysis" role="tabpanel">
                <div class="card mt-3">
                    <div class="card-body">
                        <h5 class="card-title">情感分析报告</h5>
                        <div id="analysis-report">
                            <h6>整体情感倾向</h6>
                            <p>《红楼梦》作为一部悲剧作品，整体情感基调偏向消极。通过情感词频统计，消极情感词汇的数量和出现频率均高于积极情感词汇。</p>
                            
                            <h6>积极情感分析</h6>
                            <p>积极情感主要体现在以下几个方面：</p>
                            <ul>
                                <li><strong>人物情感</strong>：如宝玉与黛玉之间的深情、姐妹间的情谊等</li>
                                <li><strong>自然描写</strong>：对大观园等美景的描写</li>
                                <li><strong>才华展示</strong>：对人物才华和美好品质的赞美</li>
                            </ul>
                            
                            <h6>消极情感分析</h6>
                            <p>消极情感主要体现在以下几个方面：</p>
                            <ul>
                                <li><strong>爱情悲剧</strong>：宝黛钗爱情纠葛带来的痛苦</li>
                                <li><strong>家族衰落</strong>：四大家族由盛转衰的哀伤</li>
                                <li><strong>社会批判</strong>：对封建社会黑暗面的揭露</li>
                                <li><strong>命运无常</strong>：对人物悲剧命运的描写</li>
                            </ul>
                            
                            <h6>情感分布特点</h6>
                            <p>《红楼梦》的情感分布呈现以下特点：</p>
                            <ol>
                                <li>前半部分积极情感相对较多，主要体现在对大观园美好生活和人物青春年华的描写</li>
                                <li>后半部分消极情感逐渐增强，特别是随着主要人物命运的转折</li>
                                <li>女性角色的情感表达更为丰富和细腻</li>
                                <li>消极情感词汇的种类和使用频率都高于积极情感词汇</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}